<div id="slider-wrapper" style="<?php echo $this->width > 0 ? 'width:'.$this->width.';' : ''; echo $this->height > 0 ? 'height:'.$this->height.';' : '' ?>">
    <div id="slider" class="nivoSlider">
        <?php foreach ($this->images as $image) : ?>

            <?php if ($image['url'] != '') : ?>
                <a href="<?php echo $image['url'] ?>">
                    <img src="<?php echo UPLOAD_URL . $image['filePath'] ?>" alt="" title="<?php echo $image['title'] ?>" />
                </a>

            <?php else : ?>
                <img src="<?php echo UPLOAD_URL . $image['filePath'] ?>" alt="" title="<?php echo $image['title'] ?>" />
            <?php endif; ?>
        <?php endforeach; ?>
    </div>
</div>
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
</script>

<div class="clear"></div>